<template>
    <div class='fxn-body'>
        <div class="fxn-nofound">
            <img src="@/static/img/403.png">
            <h3>拒绝访问</h3>
            <p>很抱歉！您不能访问该页面~</p>
            <el-button type="primary" size="large" @click="handleBack">返回首页</el-button>
        </div>
    </div>
</template>

<script>
    import { defineComponent, reactive, getCurrentInstance, onMounted, toRefs, computed } from 'vue'
    import { useRouter } from 'vue-router'
    import { useStore } from 'vuex'
    export default defineComponent({
        name: '',
        setup() {
            const { proxy } = getCurrentInstance();
            const router = useRouter();
            const store = useStore();

            //初始化数据
            const state = reactive({
                
            })

            //返回首页
            const handleBack = () => {
                router.push('/Index')
            }

            //Dom加载
            onMounted(()=>{
                
            })
            
            return {
                ...toRefs(state),
                
                //请求方法
                handleBack,
                
                //组件方法
            }

        },
    })
</script>

<style scoped>
    .fxn-nofound{
        margin: 0 auto;
        width: 1200px;
        line-height: 50px;
        text-align: center;
        overflow: hidden;
    }

    .fxn-nofound h3{
        color: #444a5a;
        font-size: 28px;
    }

    .fxn-nofound p{
        color: #b4bbcb;
        font-size: 24px;
    }
</style>